<template>
    <div class="mine">
        <Header></Header>
        <!-- <div style="height:100px ;"></div> -->
        <div class="contentBox">
            <div class="contentTop">
                <router-link tag="div" to="/mine/customerManagement">
                    <p class="menuitem" :class="currIndex == '#/mine/customerManagement' ? 'selected' : ''"
                        @click="handleSelect()">{{ $t('assemble.客户管理') }}</p>
                </router-link>
                <router-link tag="div" to="/mine/myIntegral">
                    <p class="menuitem" :class="currIndex == '#/mine/myIntegralcontent' || currIndex == '#/mine/exchangerecord' || currIndex == '#/mine/voucher' ||currIndex == '#/mine/cashList'  ? 'selected' : ''"
                        @click="handleSelect()">{{ $t('assemble.我的积分') }}</p>
                </router-link>
                <router-link tag="div" to="/mine/personalData">
                    <p class="menuitem" :class="currIndex == '#/mine/personalData' ? 'selected' : ''"
                        @click="handleSelect()">{{ $t('assemble.个人资料') }}</p>
                </router-link>

            </div>

            <div class="contentBottom">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>
<script>
import Header from '@/components/header/index.vue'
export default {
    components: {
        Header,
    },
    data() {
        return {
            currIndex: '#/mine/customerManagement'
        }
    },
    mounted() {
    this.currIndex = window.location.hash
  },
    methods: {
        handleinterval() {
            this.type = 'interval'
            // this.$router.push({ path: '/mallIntegral' })
            this.$router.push({ path: '/mallIntegral' })
        },
        handleSelect() {

        }
    }
}
</script>
<style scoped lang="scss">
.mine {
    width: 100%;
    // margin: 0 auto;

    .contentBox {
        width: 90%;
        // margin: 0 auto;

        .contentTop {
            width: 90%;
            height: 60px;
            background: #FFFFFF;
            margin: 0 auto;
            display: flex;
            padding-left: 286px;
            box-sizing: border-box;

            .menuitem {
                font-size: 15px;
                font-family: PingFang SC-Regular, PingFang SC;
                font-weight: 400;
                color: #666666;
                line-height: 18px;
                margin-right: 66px;
                cursor: pointer;
            }

            .selected {
                font-weight: bold;
                color: #0057A7;
            }

        }
    }
}
</style>